new Vue({el:"#weather-div",data:{apiKey:'',airTemp:0,windSpeed:0,imageFullPath:"",cityId:"",languageId:'',iconPackName:''},mounted:function mounted(){this.apiKey=this.$el.parentElement.dataset.apiKey;this.iconPackName=this.$el.parentElement.dataset.iconPack;this.languageId=this.$el.parentElement.dataset.languageId;this.cityId=this.$el.parentElement.dataset.cityId;this.fetchWeather();},methods:{fetchWeather:function(){var vi=this;var d=new Date();var dataKey=d.getFullYear()+"/"+d.getMonth()+"/"+d.getDate()+"/"+d.getHours();var dateKeySpeed=dataKey+"Speed";var dateKeyTemp=dataKey+"Temp";var storedTemp=localStorage.getItem(dateKeyTemp);var storedSpeed=localStorage.getItem(dateKeySpeed);if(!storedTemp){axios.get('https://api.openweathermap.org/data/2.5/weather?id='+this.cityId+'&appid='+this.apiKey+"&units=metric").then(function(response){var data=response.data;vi.airTemp=Math.round(data.main.temp);vi.windSpeed=Math.round(data.wind.speed);vi.imageFullPath="/images/weather icon packs/"+vi.iconPackName+"/"+data.weather[0].icon+".png";localStorage.setItem(dateKeyTemp.toString(),vi.airTemp);localStorage.setItem(dateKeySpeed.toString(),vi.windSpeed);localStorage.setItem(vi.iconPackName,vi.imageFullPath);}).catch(function(error){console.log(error);});}else{vi.airTemp=storedTemp;vi.windSpeed=storedSpeed;vi.imageFullPath=localStorage.getItem(vi.iconPackName);}}}})